<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />		
	</h:head>
	<h:body>
		<ui:include src="/menuTemplate.xhtml" />
		<h:form>
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid style="width:80%">	
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar producto -->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['titulo.producto']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<!-- Panel info producto -->
								<ice:outputText value="#{etiqueta['item.producto.referencia']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.referencia}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.nombre']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.nombre}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.presentacion']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.presentacion}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.pesoEmpaque']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.pesoEmpaque}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.tiempoFabricacion']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.tiempoFabricacion}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.vidaUtil']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.vidaUtil}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.stockMinimo']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.stockMinimo}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['item.producto.precioEstandar']}"></ice:outputText>
								<ice:inputText value="#{productoBean.producto.precio}"></ice:inputText>
								
							</ice:panelGrid>
							<div align="center">
								<ice:commandButton rendered="#{!productoBean.editandoProducto}" value="#{etiqueta['item.producto.boton.guardar']}" actionListener="#{productoBean.guardarProducto}"></ice:commandButton>
								<ice:commandButton rendered="#{productoBean.editandoProducto}" 
									value="#{etiqueta['item.producto.boton.editar']}" actionListener="#{productoBean.editarProducto}"
									panelConfirmation="editarProducto">
								</ice:commandButton>
								<ice:commandButton rendered="#{productoBean.editandoProducto}" value="#{etiqueta['item.producto.boton.cancelar']}" actionListener="#{productoBean.cancelarEdicionProducto}"></ice:commandButton>
								<ice:commandButton value="#{etiqueta['item.producto.boton.consultar']}" actionListener="#{productoBean.consultarProductos}"></ice:commandButton>
								
								<ice:panelConfirmation id="editarProducto" 
									autoCentre="true"
									acceptLabel="#{etiqueta['item.producto.boton.aceptar']}"
									cancelLabel="#{etiqueta['item.producto.boton.cancelar']}"
									message="#{etiqueta['item.producto.confirmacion.editar']}">
								</ice:panelConfirmation>
							</div>
						</ice:panelGrid>
						<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<style type="text/css">
					               /* Important required because row */
					               .ui-datatable-odd {background-color:lightgray !important;}
					           </style>
							<ace:dataTable id="listaProducto"
								rows="10"
								var="producto"
								value="#{productoBean.listaProductos}"
								paginator="true"
					               paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['item.producto.tabla.titulo']}"></ice:outputText>
									</div>
								</f:facet>
								
								<ace:column headerText="#{etiqueta['item.producto.tabla.acciones']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['item.producto.boton.editar']}" actionListener="#{productoBean.seleccionarProductoEditar}" image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idProducto" value="#{producto.idproducto}"/>
										</ice:commandButton>
										<ice:commandButton title="#{etiqueta['item.producto.boton.formulacion']}" image="../estilos/css/imagenes/document-lines-16.gif"
											actionListener="#{productoBean.abrirDialogoFormulacion}"
											onclick="popupFormulacion.show();">
											<f:attribute name="idProducto" value="#{producto.idproducto}"/>
										</ice:commandButton>
										<ice:commandButton title="#{etiqueta['item.producto.boton.eliminar']}" actionListener="#{productoBean.eliminarProducto}"
											panelConfirmation="eliminarProducto" 
											image="../estilos/css/imagenes/Actions-edit-delete-icon.png" styleClass="iconsize">
											<f:attribute name="idProducto" value="#{producto.idproducto}"/>
										</ice:commandButton>
										
										<ice:panelConfirmation id="eliminarProducto" 
											autoCentre="true"
											acceptLabel="#{etiqueta['item.producto.boton.aceptar']}"
											cancelLabel="#{etiqueta['item.producto.boton.cancelar']}"
											message="#{etiqueta['item.producto.confirmacion.eliminar']}">
										</ice:panelConfirmation>
									</ice:panelGrid>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['item.producto.tabla.referencia']}">
									<ice:outputText value="#{producto.referencia}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['item.producto.tabla.nombre']}">
									<ice:outputText value="#{producto.nombre}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['item.producto.tabla.peso']}" >
									<ice:outputText value="#{producto.pesoEmpaque}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['item.producto.tabla.precio']}" >
									<ice:outputText value="#{producto.precio}"></ice:outputText>
								</ace:column>
							</ace:dataTable>
						</ice:panelGrid>
						<ui:include src="../producto/formulacion.xhtml" />
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>